<template>
  <div class="emoji-div">
    <div class="emoji-item" @click="checkEmoji(item)" v-for="(item, index) in emojiArr[0].iconArr" v-bind:key="index">{{item.icon}}</div>
  </div>
</template>
<script>
import { emojiArr } from './emojiArr.js'
export default {
  name: 'common_chat_emoji',
  data () {
    return {
      emojiArr: emojiArr
    }
  },
  methods: {
    checkEmoji (item) { // 点击表情
      this.$emit('getEmojiContent', item)
    }
  },
  mounted () {
    console.log(emojiArr, 'fasfsdaf')
  }
}
</script>
<style lang="less" scoped>
  .emoji-div {
    width: 100%;
    height: 150px;
    overflow-y: scroll;
    float: left;
    .emoji-item {
      width: 30px;
      float: left;
    }
  }
</style>
